body{
    /*background: url("/images/ch.jpg") no-repeat;*/
    /*background-size: 100% 100%;*/
    background-color: #f5f5f5;
}

nav.publish,
nav.list {
    width: 66vw;
    padding: 10px;
    border: 1px solid #dfdfdf;
    margin: 15px auto;
    background: #dfdfdf;
}

.editor-container {
    width: 90vw;
    border: 1px solid #dedede;
    margin: 15px auto;
}

.editor-container .topic-title {
    height: 40px;
    margin: 15px;
}

.editor-container input[type=text] {
    width: 100%;
    height: 38px;
    outline: none;
}

.editor-container .simditor {
    border: none;
    border-top: 1px solid #dedede;
}

.editor-container .buttons {
    height: 40px;
    padding-top: 15px;
    border-top: 1px solid #dedede;
    margin: 15px;
}

.editor-container .buttons>* {
    padding: 0;
}


/*list列表样式*/
.list a{
    text-decoration: none;
}

.list a:hover{
    color: coral;
}

/*list当前页面主要内容*/
.topics-container {
    width: 66vw;
    /*border: 1px solid #6363b6;*/
    margin: 15px auto;
}

.topics-container>.title {
    height: 36px;
    line-height: 36px;
    background: #6363b6;
    color: white;
    margin: 0;
}

.topics-container>.topic {
    height: 36px;
    line-height: 36px;
    margin: 0;
}

.topics-container>.topic .col-4 a{
    text-decoration: none;
}

.topics-container>.topic .col-4 a:hover{
    color: coral;
}


.topics-container>.topic:nth-child(2n+1) {
    background: #dfdfdf;
}


.topics-container .pagination-container {
    margin: 5px;
    /*display: flex;*/
    /*flex-direction: column;*/

}


.pagination-container>.pages a{
    text-decoration: none;

}
.pagination-container>.pages a:hover{
    border:1px solid #dedede;
    background: #dedede;
}


.topic-detail-container {
    width: 90vw;
    border: 1px solid #dedede;
    margin: 15px auto;
}

.topic-detail-container .topic-main{
    display: flex;
    flex-direction: column;
}
.topic-detail-container .topic-main .topic-title{
    font-size: 28px;
    font-weight: bold;

}
.topic-detail-container .topic-main .topic-author{
    color: #928d8d;
    line-height: 40px;
}
.topic-detail-container .topic-main .topic-content{

    border:1px solid white;
    font-size: 18px;
}



/*.topic-detail-container .topic-title {*/
/*    text-align: center;*/
/*}*/

/*.topic-detail-container .topic-author {*/
/*    text-align: center;*/
/*    background: #f4f4f4;*/
/*}*/

/*.topic-detail-container .topic-content {*/
/*    margin: 10px;*/
/*}*/

.topic-detail-container .topic-explains {
    border: none;
    margin: 10px;
}


.topic-detail-container .topic-answer{
    display: flex;
    justify-content: flex-end;
}

.topic-detail-container .topic-answer div{
    width:50px;
    height: 20px;
}

.topic-detail-container .topic-answer div a{
    text-decoration: none;
    color:#6363b6;
}

.topic-detail-container .topic-answer div a:hover{
    color:coral;
}

.topic-explains .explain{
    border:1px solid white;
}
.topic-explains .explain .row .col-1{
    color:#6363b6;
    font-weight: bold;
}
.topic-explains .explain .row .col-8{
    color: #000000;
    font-style: initial;
}
.content{
    font-size: 18px;
    text-align: center;
}

/*主页主要部分*/
.main-pages{

    /*border:1px solid black;*/
    margin:auto;
    /*display: flex;*/
    /*justify-content:space-between;*/
    border-radius: 16px;

}
.main-pages .pages-left{
    width:250px;
    /*border:1px solid black;*/
    height: 680px;
    background-color: white;
    border-radius: 4px;
    position: fixed;

}
.main-pages .pages-center{
    width:40vw;
    /*border:1px solid black;*/
    margin-left: 258px;
}
.main-pages .pages-right{
    width:180px;
    height: 680px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    /*border: 1px solid black;*/
    top:186px;
    right:281px;
}
.main-pages .pages-right .pages-right-top{
    height:500px;
    background-color: white;
    border-radius: 6px;
}
.main-pages .pages-right .pages-right-bottom{
    height:110px;
    background-color: white;
}


.main-pages .pages-part .pages-top{
    display: flex;
}

.main-pages .pages-part .pages-top .pages-image{
    width:60px;
    height: 60px;
    border:1px solid blue;
}

.main-pages .pages-part .pages-top .pages-info{
    margin-left: 10px;
}



.main-pages .pages-center .pages-part{
    /*border:1px solid yellowgreen;*/
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    height: 220px;
    background: white;
    border-radius: 6px;
}
.main-pages .pages-center .pages-title{
    /*border:1px solid #dedede;*/
    width: 35vw;
    height:100px;
    /*margin: auto;*/
    margin-left: 50px;
    padding: 5px;
}
.main-pages .pages-center .pages-title a{
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    text-decoration: none;
    color:black;


}
.pages-title a .sp1{
    font-size:17px;
    font-weight: bold;


}
.pages-title a .sp2{
    /*border:1px solid #dedede;*/
    font-size:15px;
    height:60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;

}
/*.pages-title a .sp2:hover{*/
/*    color: #6363b6;*/
/*}*/

.main-pages .pages-center .pages-center-footer{
    display: flex;
    width:30vw;
    margin: auto;
    justify-content: space-around;
    position: relative;
    bottom: -13px;
    font-size:14px;
}
.pages-center-footer a{
    color: #424242;
}

/*发布话题时的提示信息*/
p.message{
    font-size: 19px;
    color: #f22525;
    background: #feb3b3;
    text-align: center;
    height: 4rem;
    width: 400px;
    padding: 18px;
    margin: 20px auto;
    border-radius: 15px;
}


